@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}




/*banner*/
.banner{height: 670px;overflow: hidden;}
.banner .bd li{height: 670px;background: url(../images/banner.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 670px;}
/*search*/
.search{height:0;position: relative;}
.sou_con{position: absolute;width: 100%;left: 0;top: 0;height: 80px;}
.sou_con p{float: left;height: 80px;line-height: 80px;font-size: 16px;color: #fff;}
.sou_con p a{margin-right: 20px;color: #fff;}
.s_box{float: right;width: 300px;margin-top: 14px;height: 50px;border-bottom: 2px solid #fff;}
.s_box .input1{float:left;width:276px;height:50px;line-height: 50px;font-size:14px;color:#fff;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:24px;height: 50px;border: 0;background: url(../images/sou_ic.png) no-repeat center;outline: 0;cursor: pointer;font-size:0;}
.s_box .input1::-webkit-input-placeholder{color:#fff;opacity: 0.5;}
/*yz*/
.yz{height: 268px;padding-top: 110px;background: url(../images/yz_bg.jpg) no-repeat center 0;}
.yz h2{text-align: center;font-weight: normal;color: #fff;height: 110px;}
.yz h2 em{display: inline-block;text-align: left;padding-left: 75px;font-size: 42px;line-height: 48px;background: url(../images/1.png) no-repeat;vertical-align: top;}
.yz h2 strong{display: block;font-size: 12px;font-family: Arial;opacity: 0.5;letter-spacing: 1px;line-height: 24px;}
.yz h2 span{display: inline-block;text-align: left;font-size: 30px;line-height: 30px;height: 58px;border-left: 1px solid rgba(255,255,255,0.5);padding-left: 15px;margin-left: 15px;letter-spacing: 14px;margin-top: 6px;}
.yz h2 i{display: block;font-size: 16px;opacity: 0.5;line-height: 16px;padding-top: 10px;letter-spacing: 0;}
.yz_sz{border-top: 1px solid rgba(255,255,255,0.1);}
.yz_sz li{float: left;margin-right: 128px;padding-top: 30px;background: url(../images/yz_dian.png) no-repeat 40px 0;margin-top: -8px;}
.yz_sz li:last-child{margin-right: 0;}
.yz_sz li span{display: block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;}
.yz_sz li b{font-size: 60px;font-family: Arial;}
.yz_sz li p{font-size: 16px;color: #fff;line-height: 16px;padding-top: 11px;}
.yz_sz li:nth-child(1),.yz_sz li:nth-child(4){background: url(../images/yz_dian.png) no-repeat 25px 0;}
.yz_sz li:nth-child(3){background: url(../images/yz_dian.png) no-repeat 8px 0;}

/*fea*/
.fea{height: 847px;background: url(../images/fea_bg.jpg) no-repeat center 0;}
.fea .content{height: 847px;position: relative;}
.fea_pic{position: absolute;width: 249px;height: 682px;left: 40px;bottom: -90px;}
.fea h2{position: absolute;left: 46px;top: 70px;font-size: 48px;line-height: 60px;color: #fff;opacity: 0.85;letter-spacing: 12px;}
.fea ul{float: right;width: 894px;margin-top: 102px;}
.fea li{float: left;width: 240px;margin-left: 58px;position: relative;height: 344px;}
.fea li img{display: block;transition: all 0.5s;}
.fea li h3{font-size: 24px;color: #29292c;line-height: 34px;padding: 38px 0 20px;}
.fea li p{font-size: 14px;color: #585858;line-height: 30px;}
.fea li i{position: absolute;font-weight: bold;font-size: 90px;color: #403f38;opacity: 0.05;font-family: Arial;line-height: 70px;right: 0;top: 0;}
.fea li:hover img{transform: rotateY(180deg);}

/*pro*/
.pro{padding-bottom:100px;padding-top: 100px;background: url(../images/pro_bg.jpg) no-repeat center 0;background-size: cover;}
.pro h2{font-size: 42px;color: #161616;line-height: 42px;text-align: center;height: 70px;}
.pro_t{height: 57px;line-height: 57px;margin-bottom: 30px;}
.pro_t h3{float: left;border-right: 1px solid #e7e7e7;font-weight: normal;}
.pro_t h3:last-child{border: 0;}
.pro_t h3 a{display: block;font-size: 16px;color: #161616;padding: 0 21px;background: #fff;}
.pro_t h3:hover a{color: #fff;background: #0068b7;}
.pro_list li{float: left;width: 300px;height: 354px;overflow: hidden;border: 1px solid #e5f0f8;position: relative;margin-right: -1px;margin-bottom: -1px;box-sizing: border-box;transition: all 0.5s;}
.pro_list li img{width: 100%;height: 100%;transition: all 0.5s;object-fit: cover;}


.pro_list li a{width:300px;height:300px;display:block;}
.pro_list li h4{left: 30px;top: 24px;font-size: 16px;color: #161616;line-height: 24px;text-align:center;}
.pro_list li h4 i{display: none;font-weight: normal;}
.pro_list li h4 a{display: block;height: 73px;background: url(../images/jt1.png) no-repeat left bottom;color: #161616;}
.pro_list li:hover h4 a{color: #0068b7;background: url(../images/jt3.png) no-repeat left bottom;}
.pro_list li:hover{border: 3px solid #0068b7;z-index: 2;box-shadow: 0 0 20px rgba(0,104,183,0.2);}
.pro_m{margin-top: 32px;}
.pro_m h3{height: 48px;font-size: 24px;color: #161616;line-height: 26px;}
.pro_m h3 img{float: right;}
.pro_m li{float: left;width: 228px;height: 181px;position: relative;margin-right: 15px;overflow: hidden;}
.pro_m li img{display: block;width: 228px;height: 181px;transition: all 0.5s;object-fit: cover;}
.pro_m li:hover img{transform: scale(1.05);}
.pro_m li h4{position: absolute;left: 30px;top: 27px;font-size: 18px;color: #fff;line-height: 24px;font-weight: normal;z-index: 2;}
.pro_m li h4 a{display: block;height: 77px;background: url(../images/jt2.png) no-repeat left bottom;color: #fff;}
.pro_m li>a{display: block;position: relative;}
.pro_m li:hover>a:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";border: 2px solid #0068b7;box-sizing: border-box;}
.pro_m li:last-child{margin-right: 0;}


/*case*/
.case{height: 827px;padding-top: 98px;background: url(../images/case_bg.jpg) no-repeat center 0;position: relative;}
.case h2{height: 77px;border-bottom: 1px solid rgba(255,255,255,0.2);color: #fff;margin-bottom: 40px;}
.case h2 em{float: right;font-size: 18px;line-height: 40px;font-weight: normal;}
.case h2 i{float: left;font-size: 16px;line-height: 20px;width: 78px;position: relative;margin-right: 12px;}
.case h2 i:after{position: absolute;width: 1px;height: 36px;background: #fff;content: "";right: 0;top: 2px;}
.case h2 span{float: left;font-size: 36px;line-height: 40px;}
.case_l{float: left;width: 840px;position: relative;}
.case_l li{float: left;width: 264px;margin-right: 24px;margin-bottom: 26px;}
.case_l li:nth-child(3n){margin-right: 0;}
.case_l li i{display: block;width: 262px;height: 208px;border: 1px solid #84b9e2;overflow: hidden;}
.case_l li img{display: block;width: 262px;height: 208px;transition: all 0.5s;}
.case_l li i:hover img{transform: scale(1.05);}
.case_l li h4 a{display: block;font-size: 16px;color: #fff;height: 50px;line-height: 50px;text-align: center;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case_pg{height: 14px;text-align: center;padding: 7px 0;margin-top: 10px;}
.case_pg i{display: inline-block;width: 8px;height: 8px;background: #fff;border-radius: 100%;margin: 3px 8px 0;vertical-align: top;opacity: 0.5;}
.case_pg i.on{width: 14px;height: 14px;background: url(../images/case_dian.png) no-repeat;opacity: 1;margin: 0 8px;}
.case_l .prev{position: absolute;left: 318px;bottom: 0;opacity: 0.5;}
.case_l .next{position: absolute;right: 318px;bottom: 0;opacity: 0.5;}
.case_l .prev:hover,.case_l .next:hover{opacity: 1;}
.case_r{float: right;width: 300px;}
.case_r li{height: 90px;position: relative;margin-bottom: 26px;}
.case_r li:last-child{margin-bottom: 16px;}
.case_r li:after{position: absolute;width: 0;height: 2px;right: 0;bottom: 0;content: "";background: url(../images/case_line.jpg) no-repeat right center;transition: all 0.5s;}
.case_r li i{float: right;width: 64px;height: 64px;background: #fff;border-radius: 100%;margin-left: 22px;overflow: hidden;}
.case_r li i img{filter: drop-shadow(0 64px #fff);-webkit-filter: drop-shadow(0 64px #fff);top: 0;position: relative;}
.case_r li span{float: right;font-size: 18px;color: #fff;line-height: 24px;padding: 8px 0;text-align: right;}
.case_r li:hover span{color: #0068b7;}
.case_r li:hover i{background: #0068b7;}
.case_r li:hover i img{top: -64px;}
.case_r li:hover:after{width: 326px;}
.case_r .tel p{font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;padding-left: 22px;}
.case_r .tel p em{font-size: 24px;font-family: "Arial";}
.case .zx{position: absolute;font-weight: bold;width: 230px;height: 65px;line-height: 65px;text-align: center;font-size: 22px;color: #0068b7;background: #fff;border-radius: 32px;left: 50%;margin-left: -115px;bottom: -33px;box-shadow: 0 0 20px rgba(0,104,183,0.2);}

/*ys*/
.ys{padding: 95px 0 0;background: url(../images/ys_bg.jpg) no-repeat center 0;}
.ys h2{font-size: 42px;color: #161616;line-height: 48px;text-align: center;height: 85px;}
.ys h2 i{display: inline-block;font-size: 16px;line-height: 24px;vertical-align: top;margin-right: 8px;}
.ys li{float: left;width: 282px;height: 467px;margin-right: 24px;box-shadow: 0 0 20px rgba(229,240,248,0.65);transition: all 0.5s;}
.ys li:last-child{margin-right: 0;}
.ys li img{display: block;margin: 84px auto 54px;}
.ys li h3{font-size: 24px;color: #161616;text-align: center;line-height: 24px;margin-bottom: 42px;}
.ys li p{font-size: 16px;color: #666;line-height: 30px;padding: 0 35px;}
.ys li:hover{transform: translateY(-10px);}

/*ser*/
.ser{width: 1200px;height: 665px;background: url(../images/ser_bg.jpg) no-repeat;margin: 100px auto;}
.ser h2{font-weight: normal;color: #fff;}
.ser h2 b{display: block;font-size: 36px;line-height: 52px;}
.ser h2 i{display: block;font-size: 20px;line-height: 20px;letter-spacing: 7px;padding-top: 14px;}
.ser h2 em{color: #0068b7;}
.ser_l{float: left;width: 390px;margin-left: 50px;margin-top: 62px;}
.ser_l h2{padding-left: 10px;}
.ser_l ul{margin-top: 22px;}
.ser_l li{height: 66px;padding: 30px 0;border-bottom: 1px dashed rgba(255,255,255,0.2);}
.ser_l li:last-child{border: 0;}
.ser_l li b{float: left;width: 66px;height: 66px;line-height: 66px;text-align: center;font-size: 20px;color: #fff;border-radius: 100%;border: 1px dashed rgba(255,255,255,0.2);margin: 0 24px 0 10px;}
.ser_l li p{float: left;font-size: 16px;color: #fff;line-height: 66px;width: 280px;}
.ser_l li .p1{line-height: 24px;padding: 9px 0;}
.ser_r{float: right;width: 394px;margin-top: 62px;}
.ser_r h2 i{letter-spacing: 0;font-size: 16px;opacity: 0.7;}
.ser_r .tel{margin-top: 48px;}
.ser_r .tel p{font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;}
.ser_r .tel p em{font-size: 26px;font-family: "Arial";}
.ser_r .zx{display: block;width: 150px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #0068b7;background: #fff;border-radius: 21px;font-weight: bold;margin-top: 52px;}

/*news*/
.news{padding: 100px 0 80px;background: #f0f3f6;}
.news h2{font-size: 42px;color: #161616;line-height: 42px;text-align: center;margin-bottom: 30px;}
.news h3{height: 82px;border-bottom: 1px solid #c0c2c5;font-weight: normal;margin-bottom: 38px;}
.news h3 b{display: block;font-size: 24px;color: #191919;line-height: 24px;padding: 18px 0 0;}
.news h3 i{display: block;font-size: 12px;color: #161616;opacity: 0.5;line-height: 30px;}
.news h3 img{float: right;margin-top: 26px;}
.new_l{float: left;width: 840px;}
.new_l dl{float: left;width: 360px;}
.new_l dt{height: 217px;overflow: hidden;position: relative;}
.new_l dt img{width: 360px;height: 217px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dt b{position: absolute;width: 65px;height: 70px;font-size: 14px;color: #29292c;line-height: 14px;text-align: center;background: rgba(255,255,255,0.8);left: 18px;top: 0;}
.new_l dt b em{display: block;font-size: 34px;line-height: 38px;padding-top: 6px;}
.new_l dd h4{font-size: 18px;color: #4c4c4c;line-height: 18px;padding: 38px 0 10px;}
.new_l dd h4 a{color: #4c4c4c;}
.new_l dd p{font-size: 14px;color: #4c4c4c;line-height: 28px;}
.new_list{float: right;width: 410px;margin-top: -22px;}
.new_list li{height: 57px;line-height: 57px;border-bottom: 1px dashed #9e9fa1;}
.new_list li a{font-size: 14px;color: #4c4c4c;}
.new_list li:last-child{border: 0;}
.new_list li:hover a{color: #0068b7;}
.new_r{float: right;width: 260px;padding: 0 20px;background: #fff;height: 483px;}
.new_r dt{height: 156px;overflow: hidden;}
.new_r dt img{width: 260px;height: 156px;transition: all 0.5s;}
.new_r dt:hover img{transform: scale(1.05);}
.new_r dd h4{font-size: 18px;color: #4c4c4c;line-height: 18px;padding: 26px 0 10px;}
.new_r dd h4 a{color: #4c4c4c;}
.new_r dd p{font-size: 14px;color: #4c4c4c;line-height: 30px;}
.new_r dd p a{color: #0068b7;font-weight: bold;}

/*abt*/
.abt{height: 711px;background: url(../images/abt_bg.jpg) no-repeat center 0;position: relative;}
.abt h2{font-size: 42px;color: #fff;line-height: 42px;text-align: center;padding-top: 97px;}
.abt_con{position: absolute;width: 1200px;height: 216px;left: 50%;margin-left: -600px;bottom: 0;background: #fff;overflow: hidden;}
.abt_con dl{float: left;height: 157px;padding: 30px 0;margin-left: 28px;}
.abt_con dt{float: left;width: 246px;height: 238px;overflow: hidden;margin-right: 28px;}
.abt_con dt img{width: 246px;height: 186px;transition: all 0.5s;object-fit: cover;}
.abt_con dt:hover img{transform: scale(1.05);}
.abt_con dd{float: left;width: 690px;}
.abt_con dd b{display: block;font-size: 24px;color: #29292c;line-height: 24px;margin-bottom: 12px;}
.abt_con dd p{font-size: 16px;color: #666;line-height: 31px;}
.abt_con h3{float: right;width: 162px;font-weight: normal;}
.abt_con h3 a{display: block;height: 48px;padding: 30px 0 30px 90px;font-size: 20px;line-height: 24px;color: #fff;}
.abt_con h3 .a1{background: url(../images/abt_ic1.png) no-repeat 30px center #007ac3;}
.abt_con h3 .a2{background: url(../images/abt_ic2.png) no-repeat 30px center #333337;}